<template>
	<view>
		<u-sticky bgColor="#f7f7f7" style="padding: 10rpx 0;">
			<uni-segmented-control :current="current" :values="subList" @clickItem="sectionChange" styleType="text" activeColor="#f18b49"></uni-segmented-control>
		</u-sticky>
		<!-- 全部 -->
		<view class="cart-list" v-show="current == 0">
			<view class="list-empty" v-if="orderList0.length == 0">
				<u-empty textColor="#000" iconColor="#f18b49" mode="order" text="你还没有相关的订单"></u-empty>
				<view style="text-align: center;">
					<text style="font-size: 22rpx;color: #999;">可以去看看有哪些想买的</text>
				</view>
			</view>
			<view class="cart-list-box" v-else v-for="item,i in orderList0" :key="i">
				<view class="list-box-head">
					<view class="head-maijia">
						<image src="../../../static/cart/store.png" mode=""></image>
						<text>国集采供应链</text>
						<u-icon name="arrow-right" size="12" style="margin: 4rpx 0 0 4rpx;"></u-icon>
					</view>
					<view class="head-status-cont" v-if="item.pay_type == 21">线下支付</view>
					<view class="head-status-cont" v-else-if="item.pay_type == 22">月结支付</view>
					<view class="head-status-cont" v-else-if="item.pay_status == 0 && item.pay_type == 15">等待买家付款</view>
					<view class="head-status-cont" v-else-if="item.pay_status == 1 && item.distribution_status == 0 && item.pay_type == 15">等待卖家发货</view>
					<view class="head-status-cont" v-else-if="item.status == 5 && item.pay_type == 15">交易完成</view>
					<view class="head-status-cont" v-else="item.pay_status == 1 && item.distribution_status == 1 && item.pay_type == 15">卖家已发货</view>
				</view>
				<view class="list-box-cont" v-for="order,i1 in item.goodsList.slice(0,3)" :key="i1">
				<!-- <view class="list-box-cont" v-for="order,i1 in item.goodsList" :key="i1"> -->
					<view class="listbox-cont-left">
						<image :src="baseUrl + order.img" @click="toOrderDetail(item.id)"></image>
					</view>
					<view class="listbox-cont-right" @click="toOrderDetail(item.id)">
						<view class="cont-right-top">
							<view class="cont-tit">{{ order.name }}</view>
							<view class="cont-spec">{{ order.sc }}</view>
						</view>
						<view class="cont-right-bot">
							<view class="cont-price-box">
								<text class="price-icon">￥</text>
								<text class="price-tit">{{ order.goods_price }}</text>
							</view>
							<view style="font-size: 26rpx;margin-top: 10rpx;">x {{ order.goods_nums }}</view>
						</view>
					</view>
				</view>
				<view class="all-price">
					<view class="price-box">
						<text>订单总金额：</text>
						<text>￥</text>
						<text>{{ item.order_amount }}</text>
					</view>
					<view class="num-box">
						<text>共</text>
						<text>{{ item.count }}</text>
						<text>件</text>
					</view>
				</view>
	
				<view class="bot-btn" v-if="item.pay_type==21">
					<view class="bot-btn">
						<text v-if="item.confirm_pay_bill == 0 && item.status==1 && item.pay_status == 0" style="padding: 12rpx 55rpx;" class="bot-btn-1" @click="getUploadPay(item.id,item.order_no,item.user_id)">上传凭证</text>
						<text v-else-if="item.confirm_pay_bill == 3" style="padding: 12rpx 55rpx;" class="bot-btn-1" @click="getUploadPay(item.id,item.order_no,item.user_id)">审核失败,重新上传</text>
					</view>
				</view>
				<view class="bot-btn" v-if="item.isCancel==true">
					<view class="bot-btn">
						<text class="bot-btn-1" @click="orderOff(item.id)">取消订单</text>
					</view>
				</view>
				<!-- <view class="bot-btn" v-if="item.isGoPay==true">
					<view class="bot-btn">
						<text class="bot-btn-1" >立即付款</text>
					</view>
				</view> -->
				<view class="bot-btn"  v-show="item.isConfirm == true">
					<view class="bot-btn">
						<text class="bot-btn-1" @click="confirmGood(item)">确认收货</text>
						<!-- <text @click="checkDelivery()">查看物流</text> -->
					</view>
				</view>
				<view class="bot-btn"  v-show="item.isRefund == true">
					<view class="bot-btn">
						<text class="bot-btn-1">申请售后</text>
					</view>
				</view>
				<view class="bot-btn" v-show="item.status == 5">
					<view class="bot-btn">
						<text style="padding: 12rpx 55rpx;" class="bot-btn-1">评价</text>
					</view>	
				</view>

			</view>
		</view>
		<!-- 待付款 -->
		<view class="cart-list" v-show="current == 1">
			<view class="list-empty" v-if="orderList1.length == 0">
				<u-empty textColor="#000" iconColor="#f18b49" mode="order" text="你还没有相关的订单"></u-empty>
				<view style="text-align: center;">
					<text style="font-size: 22rpx;color: #999;">可以去看看有哪些想买的</text>
				</view>
			</view>
			<view class="cart-list-box" v-else v-for="item,i in orderList1" :key="i">
				<view class="list-box-head">
					<view class="head-maijia">
						<image src="../../../static/cart/store.png" mode=""></image>
						<text>国集采供应链</text>
						<u-icon name="arrow-right" size="12" style="margin: 4rpx 0 0 4rpx;"></u-icon>
					</view>
					
					<view class="head-status-cont" v-if="item.pay_type == 21">线下支付</view>
					<view class="head-status-cont" v-else-if="item.pay_type == 22">月结支付</view>
					<view class="head-status-cont" v-else-if="item.pay_status == 0 && item.pay_type == 15">等待买家付款</view>
					<view class="head-status-cont" v-else-if="item.pay_status == 1 && item.distribution_status == 0 && item.pay_type == 15">等待卖家发货</view>
					<view class="head-status-cont" v-else-if="item.status == 5 && item.pay_type == 15">交易完成</view>
					<view class="head-status-cont" v-else="item.pay_status == 1 && item.distribution_status == 1 && item.pay_type == 15">卖家已发货</view>
				</view>
				<view class="list-box-cont" v-for="order,i1 in item.goodsList.slice(0,3)" :key="i1">
					<view class="listbox-cont-left">
						<image :src="baseUrl + order.img" @click="toOrderDetail(item.id)"></image>
					</view>
					<view class="listbox-cont-right" @click="toOrderDetail(item.id)">
						<view class="cont-right-top">
							<view class="cont-tit">{{ order.name }}</view>
							<view class="cont-spec">{{ order.sc }}</view>
							<view></view>
						</view>
						
						<view class="cont-right-bot">
							<view class="cont-price-box">
								<text class="price-icon">￥</text>
								<text class="price-tit">{{ order.goods_price }}</text>
							</view>
							<view style="font-size: 26rpx;margin-top: 10rpx;">x {{ order.goods_nums }}</view>
						</view>
					</view>
				</view>
				<view class="all-price">
					<view class="price-box">
						<text>订单总金额：</text>
						<text>￥</text>
						<text>{{ item.order_amount }}</text>
					</view>
					<view class="num-box">
						<text>共</text>
						<text>{{ item.count }}</text>
						<text>件</text>
					</view>
				</view>
				<view class="bot-btn" v-if="item.pay_type==21">
					<view class="bot-btn">
						<text v-if="item.confirm_pay_bill == 0 && item.status==1 && item.pay_status == 0" style="padding: 12rpx 55rpx;" class="bot-btn-1" @click="getUploadPay(item.id,item.order_no,item.user_id)">上传凭证</text>
						<text v-else-if="item.confirm_pay_bill == 3" style="padding: 12rpx 55rpx;" class="bot-btn-1" @click="getUploadPay(item.id,item.order_no,item.user_id)">审核失败,重新上传</text>
					</view>
				</view>
				<view class="bot-btn" v-if="item.isCancel==true">
					<view class="bot-btn">
						<text class="bot-btn-1" @click="orderOff(item.id)">取消订单</text>
					</view>
				</view>
				<!--<view class="bot-btn" v-if="item.isGoPay==true">
					<view class="bot-btn">
						<text class="bot-btn-1" >立即付款</text>
					</view>
				</view>-->
		
			</view>
		</view>
		<!-- 待发货 -->
		<view class="cart-list" v-show="current == 2">
			<view class="list-empty" v-if="orderList2.length == 0">
				<u-empty textColor="#000" iconColor="#f18b49" mode="order" text="你还没有相关的订单"></u-empty>
				<view style="text-align: center;">
					<text style="font-size: 22rpx;color: #999;">可以去看看有哪些想买的</text>
				</view>
			</view>
			<view class="cart-list-box" v-else v-for="item,i in orderList2" :key="i">
				<view class="list-box-head">
					<view class="head-maijia">
						<image src="../../../static/cart/store.png" mode=""></image>
						<text>国集采供应链</text>
						<u-icon name="arrow-right" size="12" style="margin: 4rpx 0 0 4rpx;"></u-icon>
					</view>
					<view class="head-status-cont">等待卖家发货</view>
				</view>
				<view class="list-box-cont" v-for="order,i1 in item.goodsList.slice(0,3)" :key="i1">
					<view class="listbox-cont-left">
						<image :src="baseUrl + order.img" @click="toOrderDetail(item.id)"></image>
					</view>
					<view class="listbox-cont-right" @click="toOrderDetail(item.id)">
						<view class="cont-right-top">
							<view class="cont-tit">{{ order.name }}</view>
							<view class="cont-spec">{{ order.sc }}</view>
						</view>
						<view class="cont-right-bot">
							<view class="cont-price-box">
								<text class="price-icon">￥</text>
								<text class="price-tit">{{ order.goods_price }}</text>
							</view>
							<view style="font-size: 26rpx;margin-top: 10rpx;">x {{ order.goods_nums }}</view>
						</view>
					</view>
				</view>
				<view class="all-price">
					<view class="price-box">
						<text>订单总金额：</text>
						<text>￥</text>
						<text>{{ item.order_amount }}</text>
					</view>
					<view class="num-box">
						<text>共</text>
						<text>{{ item.count }}</text>
						<text>件</text>
					</view>
				</view>
				
			</view>
		</view>
		<!-- 待收货 -->
		<view class="cart-list" v-show="current == 3">
			<view class="list-empty" v-if="orderList3.length == 0">
				<u-empty textColor="#000" iconColor="#f18b49" mode="order" text="你还没有相关的订单"></u-empty>
				<view style="text-align: center;">
					<text style="font-size: 22rpx;color: #999;">可以去看看有哪些想买的</text>
				</view>
			</view>
			<view class="cart-list-box" v-else v-for="item,i in orderList3" :key="i">
				<view class="list-box-head">
					<view class="head-maijia">
						<image src="../../../static/cart/store.png" mode=""></image>
						<text>国集采供应链</text>
						<u-icon name="arrow-right" size="12" style="margin: 4rpx 0 0 4rpx;"></u-icon>
					</view>
					<view class="head-status-cont">卖家已发货</view>
				</view>
				<view class="list-box-cont" v-for="order,i1 in item.goodsList.slice(0,3)" :key="i1">
					<view class="listbox-cont-left">
						<image :src="baseUrl + order.img" @click="toOrderDetail(item.id)"></image>
					</view>
					<view class="listbox-cont-right" @click="toOrderDetail(item.id)">
						<view class="cont-right-top">
							<view class="cont-tit">{{ order.name }}</view>
							<view class="cont-spec">{{ order.sc }}</view>
						</view>
						<view class="cont-right-bot">
							<view class="cont-price-box">
								<text class="price-icon">￥</text>
								<text class="price-tit">{{ order.goods_price }}</text>
							</view>
							<view style="font-size: 26rpx;margin-top: 10rpx;">x {{ order.goods_nums }}</view>
						</view>
					</view>
				</view>
				<view class="all-price">
					<view class="price-box">
						<text>订单总金额：</text>
						<text>￥</text>
						<text>{{ item.order_amount }}</text>
					</view>
					<view class="num-box">
						<text>共</text>
						<text>{{ item.count }}</text>
						<text>件</text>
					</view>
				</view>
			

				<view class="bot-btn" v-if="item.pay_type==21">
					<view class="bot-btn">
						<text v-if="item.confirm_pay_bill == 0 && item.status==1 && item.pay_status == 0" style="padding: 12rpx 55rpx;" class="bot-btn-1" @click="getUploadPay(item.id,item.order_no,item.user_id)">上传凭证</text>
						<text v-else-if="item.confirm_pay_bill == 3" style="padding: 12rpx 55rpx;" class="bot-btn-1" @click="getUploadPay(item.id,item.order_no,item.user_id)">审核失败,重新上传</text>
					</view>
				</view>
				
				<view class="bot-btn"  v-show="item.isConfirm == true">
					<view class="bot-btn">
						<text class="bot-btn-1" @click="confirmGood(item)">确认收货</text>
						<!-- <text @click="checkDelivery()">查看物流</text> -->
					</view>
				</view>
				<view class="bot-btn"  v-show="item.isRefund == true">
					<view class="bot-btn">
						<text class="bot-btn-1">申请售后</text>
					</view>
				</view>
				
			</view>
		</view>
		<!-- 评价 -->
		<view class="cart-list" v-show="current == 4">
			<u-sticky offsetTop="85rpx" bgColor="#f7f7f7">
				<uni-segmented-control :current="current2" :values="subList2" @clickItem="onClickItem" styleType="button" activeColor="#f18b49" style="margin-bottom: 20rpx;"></uni-segmented-control>
			</u-sticky>
			<view class="list-empty" v-if="orderList4.length == 0">
				<u-empty textColor="#000" iconColor="#f18b49" mode="order" text="你还没有相关的订单"></u-empty>
				<view style="text-align: center;">
					<text style="font-size: 22rpx;color: #999;">可以去看看有哪些想买的</text>
				</view>
			</view>
			<view class="cart-list-box" v-else v-for="item,i in orderList4" :key="i">
				<view class="list-box-head">
					<view class="head-maijia">
						<image src="../../../static/cart/store.png" mode=""></image>
						<text>国集采供应链</text>
						<u-icon name="arrow-right" size="12" style="margin: 4rpx 0 0 4rpx;"></u-icon>
					</view>
					<view class="head-status-cont">交易成功</view>
				</view>
				<view class="list-box-cont">
					<view class="listbox-cont-left">
						<image :src="baseUrl + item.img"></image>
					</view>
					<view class="listbox-cont-right">
						<view class="cont-right-top">
							<view class="cont-tit">{{ item.name }}</view>
						</view>
				
					
						<view class="bot-btn"  v-show="item.isConfirm == true">
							<view class="bot-btn">
								<text class="bot-btn-1" @click="confirmGood(item)">确认收货</text>
								<!-- <text @click="checkDelivery()">查看物流</text> -->
							</view>
						</view>
						<view class="bot-btn"  v-show="item.isRefund == true">
							<view class="bot-btn">
								<text class="bot-btn-1">申请售后</text>
							</view>
						</view>
						<view class="bot-btn" v-show="item.status == 5">
							<view class="bot-btn">
								<text style="padding: 12rpx 55rpx;" class="bot-btn-1">评价</text>
							</view>	
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 确认收货-底部弹框 -->
		<u-popup :show="confirmShow" mode="bottom" @close="close" @open="open" :round="30" closeable>
			<view class="confirm-pop">
				<text class="pop-tit">确认收到货了吗</text>
				<view class="pop-img">
					<image :src="baseUrl + popImg" mode=""></image>
					<text>共{{ popCount }}件</text>
				</view>
				<text class="pop-txt">请收到商品后确认无误再确认收货</text>
				<view class="pop-btn">
					<text @click="confirm()">确认收货</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page: 1,
				userId: '',
				order_no:'',
				popImg: '',
				orderId: '',
				current: 0,
				current2: 0,
				popCount: '',
				confirmShow: false,
				orderList0: [], //全部订单
				orderList1: [], //待付款
				orderList2: [], //代发货
				orderList3: [], //待收货
				orderList4: [], //评价
				orderList5:[],//待上传支付凭证
				orderOffArr:[],//取消订单
				subList2: ['待评价', '已评价'],
				baseUrl: 'https://gjc.hy-dzsc.cn/',
				subList: ['全部', '待付款', '待发货', '待收货', '评价'],
				type:[],//type:daipay待付款daidelive:待发货daishouhuo:待收货all:全部订单
			}
		},
		onLoad(e) {
		
			this.current = Number(e.current)
			this.current2 = Number(e.current2)
			this.userId = e.userId
			this.requestPack()
		},
		onShow() {
			
		},
		onReachBottom(){
			this.page++
			this.requestPack()
		},
		methods: {
			// 分页封装
			pagePack(res,i){
				if(res.length == 0 && this.page > 2){
					this.page--
					uni.showToast({
						title: '没有更多数据了',
						duration: 1000,
						icon: 'none'
					})
				} else {
					uni.showLoading({
						title: '加载中',
						mask: true
					})
					setTimeout(() => {
						
						res.forEach(v => {
							
							if(i == 0){
								this.orderList0.push(v)
							} else if(i == 1){
								this.orderList1.push(v)
							} else if(i == 2){
								this.orderList2.push(v)
							} else if(i == 3){
								this.orderList3.push(v)
							} else if(i == 4){
								this.orderList4.push(v)
							}else if(i == 5){
								this.orderOffArr.push(v)
							}
						})
						uni.hideLoading()
					},800)
				}
			},
			// 请求封装
			requestPack(){
				if(this.current == 0){
					this.getAllOrder()
				} else if(this.current == 1){
					this.getObligation()
				} else if(this.current == 2){
					this.getDropShipping()
				} else if(this.current == 3){
					this.getCollecting()
				} else if(this.current == 4){
					this.getEvaluate(this.current2)
				}
			},
			// 获取全部订单
			getAllOrder(){
				this.$getHttp(`/gjcApi/getOrderList?user_id=${this.userId}&page=${this.page}&type=all`, {}, res => {
					this.pagePack(res.data,0)
				})
			},
			// 待付款
			getObligation(){
				this.$getHttp(`/gjcApi/getOrderList?user_id=${this.userId}&page=${this.page}&type=daipay`, {}, res => {
					this.pagePack(res.data,1)
				})
			},
			//待上传支付凭证
			getUploadPay(id,order_no){
					uni.navigateTo({
						url: `/pages/cart/getUploadPay?orderid=${id}&order_no=${order_no}&user_id=${this.userId}`
					})
				
			},
			//取消订单
			orderOff(id){
			uni.showModal({
					title: '提示',
					content: '确定要取消该订单吗？',
					cancelText: '取消',
					confirmText: '确定',
					success: res => {
						if (res.confirm) {
							this.$getHttp(`/gjcApi/order_status?order_id=${id}&op=cancel`,{},res =>{
								uni.showToast({
									title:'取消订单成功',
									duration:1000,
									icon:'none'
								}),
								location.reload()
							})
						}
					}
				})

				
			},
			// 待发货
			getDropShipping(){
				this.$getHttp(`/gjcApi/getOrderList?user_id=${this.userId}&page=${this.page}&type=daidelive`, {}, res => {
					this.pagePack(res.data,2)
				})
			},
			// 待收货
			getCollecting(){
				this.$getHttp(`/gjcApi/getOrderList?user_id=${this.userId}&page=${this.page}&type=daishouhuo`, {}, res => {
					this.pagePack(res.data,3)
				})
			},
			// 评价
			getEvaluate(status){
				this.$getHttp(`/gjcApi/getOrderEvaluate?user_id=${this.userId}&status=${status}&page=${this.page}`, {}, res => {
					this.pagePack(res,4)
				})
			},
			// 切换顶部导航
			sectionChange(e) {
				this.page = 1
				this.orderList0 = []
				this.orderList1 = []
				this.orderList2 = []
				this.orderList3 = []
				this.orderList4 = []
				if (this.current != e.currentIndex) {
					this.current = e.currentIndex
					if(this.current == 4){
						this.current2 = 0
					}
				}
				this.requestPack()
			},
			// 切换评价导航
			onClickItem(e){
				if (this.current2 != e.currentIndex) {
					this.page = 1
					this.orderList4 = []
					this.current2 = e.currentIndex
					if(this.current2 == 1){
						this.getEvaluate(1)
					} else {
						this.getEvaluate(0)
					}
				}
			},
			//取消付款
			payOff(id){
				this.$http('/block/noPay?order_id'+id,{},res => {
						uni.navigateTo({
							url:'/pages/index/webview?url='+res
						})
				})
			},
			
			// 付款
			payMent(id){
				this.$http('/block/doPay?order_id=' + id, {}, res => {
					uni.navigateTo({
						url: '/pages/index/webview?url=' + res
					})
					// window.location.href = res
				})
			},
			// 确认收货弹框
			confirmGood(item){
				this.orderId = item.id
				this.confirmShow = true
				this.popImg = item.goodsList[0].img
				this.popCount = item.goodsList.length
			},
			// 确认收货
			confirm(){
				this.$http(`/gjcApi/order_status?order_id=${this.orderId}&op=confirm`, {}, res => {
					if(res.code == 200){
						uni.showToast({
							title: '确认收货',
							icon: 'success',
							duration: 1000
						})
						this.confirmShow = false
						this.getCollecting()
					}
				})
			},
			// 查看物流
			checkDelivery(){
				uni.navigateTo({
					url: '/pages/my/order/delivery-status'
				})
			},
			// 跳转开票
			toInvoice(){
				uni.navigateTo({
					url: '/pages/my/order/invoice'
				})
			},
			// 跳转订单详情
			toOrderDetail(id){
				uni.navigateTo({
					url: `/pages/my/order/order-detail?orderId=${id}&userId=${this.userId}`
				})
			},
			close() {
				this.confirmShow = false
			},
		}
	}
</script>

<style lang="scss" scoped>
.cart-list{
	padding: 0 15rpx 1rpx 15rpx;
	.list-empty{
		margin-top: 100rpx;
	}
	.cart-list-box{
		margin-bottom: 20rpx;
		padding: 25rpx 20rpx;
		border-radius: 20rpx;
		background: $uni-model-color;
		.list-box-head{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.head-maijia{
				display: flex;
				align-items: center;
				image{
					width: 36rpx;
					height: 36rpx;
					margin-right: 8rpx;
				}
				text{
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 1rpx;
				}
			}
			.head-status-cont{
				font-size: 24rpx;
				color: $uni-text-color;
			}
		}
		.list-box-cont{
			display: flex;
			margin-top: 30rpx;
			.listbox-cont-left{
				display: flex;
				align-items: center;
				image{
					// flex-shrink: 1;
					width: 200rpx;
					height: 200rpx;
					margin-left: 4rpx;
					border-radius: 10rpx;
					border: 2rpx solid $uni-text-color;
				}
			}
			.listbox-cont-right{
				width: 456rpx;
				display: flex;
				margin-left: 20rpx;
				flex-direction: column;
				justify-content: space-between;
				.cont-right-top{
					.cont-tit{
						overflow:hidden;
						font-size: 28rpx;
						font-weight: bold;
						letter-spacing: 1rpx;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}
					.cont-spec{
						font-size: 22rpx;
						border-radius: 8rpx;
						margin: 14rpx 0 35rpx 0;
						color: $uni-text-color-grey;
						// background-color:rgba(0, 0, 0, .1);
					}
				}
				.cont-right-bot{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.cont-price-box{
						.price-icon{
							font-size: 24rpx;
						}
						.price-tit{
							font-size: 32rpx;
							font-weight: bold;
						}
					}
				}
			}
		}
		.all-price{
			display: flex;
			margin: 30rpx 0;
			align-items: center;
			justify-content: space-between;
			.price-box{
				text:nth-child(3){
					font-size: 38rpx;
					margin-bottom: 8rpx;
					color: $uni-text-color;
				}
				text:nth-child(2){
					font-size: 26rpx;
					color: $uni-text-color;
				}
				text:nth-child(1){
					font-size: 26rpx;
					margin-bottom: 2rpx;
				}
			}
			.num-box{
				font-size: 30rpx;
				letter-spacing: 4rpx;
				text:nth-child(2){
					font-size: 38rpx;
					font-weight: bold;
					color: $uni-text-color;
				}
			}
		}
		.bot-btn{
			display: flex;
			flex-direction: row-reverse;
			text{
				font-size: 26rpx;
				padding: 12rpx 30rpx;
				border-radius: 40rpx;
				border: 1rpx solid $uni-text-color-disable;
			}
			text:nth-child(-n+2){
				margin-left: 15rpx;
			}
			.bot-btn-1{
				border-radius: 40rpx;
				color: $uni-text-color;
				border: 1rpx solid $uni-text-color;
			}
		}
		.cancelBtn{
			color: #ccc!important;
			border:1px solid #ccc!important;
		}
	}
}
.confirm-pop{
	padding: 24rpx 0 40rpx 0;
	text-align: center;
	.pop-tit{
		font-size: 30rpx;
		font-weight: bold;
	}
	.pop-img{
		padding: 40rpx 0 15rpx 0;
		position: relative;
		image{
			width: 160rpx;
			height: 160rpx;
		}
		text{
			position: absolute;
			bottom: 22rpx;
			right: 296rpx;
			opacity: .5;
			font-size: 26rpx;
			padding: 4rpx 48rpx;
			background: #000000;
			color: $uni-model-color;
		}
	}
	.pop-txt{
		font-size: 24rpx;
		color: $uni-text-color-grey;
	}
	.pop-btn{
		padding: 50rpx 0;
		text{
			background: #ff914d;
			border-radius: 50rpx;
			padding: 20rpx 290rpx;
			color: $uni-model-color;
		}
	}
}
</style>